<template>
<div class="empty-container">
    <Icon type='icon-empty'/>
    <p>{{text}}</p>
</div>
  
</template>

<script>
import Icon from '../Icon'
export default {
   components:{
       Icon,
   },
   props:{
       text:{
           type:String,
           default:"无数据"
       }
   }

}
</script>

<style>
.empty-container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: gray;
}
.icon-container{
    font-size: 72px;

}


</style>